<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <link href="css/shangpinxiangqing.css" rel="stylesheet">
    <title>商品详情</title>
</head>


<body>
    <div class="contanier">
        <div class="til2">
            <div class="text2">
                <span>10:27</span>
                <img class="shijianbiaoblack" src="/2024/images/shijianbiaoblack.png">
            </div>
        </div>
        <div class="head2">
            <a class="head2_0" href="product.html"><img src="/2024/images/联合 1fan@2x.png" style="width: 12rem; height: 24rem"></a>
            <div class="head2_1" id="name"></div>
            <div class="head2-2"><img src="/2024/images/矩形7.png"></div>
        </div>
        <div class="head3_1" style="margin-top: 80rem;">
            <div class="bannerBox" id="bannerBox">
                <div class="banner bannerAnmate">
                    <img src=""></img>
                    <img src=""></img>
                </div>
                <div class="instructs">
                    <div class="instruct"></div>
                </div>
            </div>
        </div>
        <div id="productImgs">

        </div>

        <div class="head4">
            <div class="head4_1">
                <div class="head4_11" id="price"></div>
                <div class="head4_12">
                    <div class="head4_121"><img src="/2024/images/share@2x.png"
                            style="width: 28rem; height: 28rem; border: 1px dashed black;"></div>
                    <div class="head4_122">分享</div>
                </div>
            </div>
            <div class="head4_2">
                <div class="head4_21" id="head4_21"></div>
            </div>
            <div class="head4_3">
                <div class="head4_31">
                    <div class="head4_311"><img src="/2024/images/赞@2x.png"
                            style="width: 36rem; height: 36rem; border: 1px dashed black;"></div>
                    <div class="head4_312">12</div>
                </div>
                <div class="head4_32">
                    <div class="head4_321"><img src="/2024/images/客服@2x.png"
                            style="width: 36rem; height: 36rem; border: 1px dashed black;"></div>
                    <div class="head4_322">客服</div>
                </div>
            </div>
        </div>
        <div class="head5">
            <div class="head5_1">
                <div class="head5_11">保障</div>
                <div class="head5_12">货到付款</div>
            </div>
            <div class="head5_2">
                <div class="head5_21">选择</div>
                <div id="changeSku">请选择商品规格</div>
            </div>
        </div>
        <div class="head6">
            <div class="head6_1"><img src="/2024/images/组 14@2x.png"
                    style="width: 164rem; height: 17rem; border: 1px dashed black;"></div>
            <div class="head6_2">详情</div>
            <div class="head6_3"><img src="/2024/images/组 15@2x.png"
                    style="width: 164rem; height: 17rem; border: 1px dashed black;"></div>
        </div>
        <div class="head7">
            <div class="head7_1"><img src="/2024/images/mmexport14645cc62e1f7973da7e3f84fa809135_1620626@2x.png"
                    style="width: 750rem; height: 3400rem; border: 1px dashed black;"></div>
        </div>
        <div class="head8">
            <div class="head8_1">
                <div class="head8_11"><img src="/2024/images/收藏@2x.png"
                        style="width: 40rem; height: 36rem; border: 1px dashed black;"></div>
                <div class="head8_12"><a class="bar1" href="wodeshoucang.html">收藏</a></div>
            </div>
            <div class="head8_2">
                <div class="head8_21"><img src="/2024/images/购物车@2x.png"
                        style="width: 40rem; height: 36rem; border: 1px dashed black;"></div>
                        <div class="head8_12" style="width: 80rem;"><a class="bar1" href="gouwuche.html">购物车</a></div>
            </div>
            <div class="head8_3">
                <div class="head8_31" id="goCar1"><a class="bar5" href="cart.html">加入购物车</a></div>
            </div>
            <div class="head8_4">
                <div class="head8_41">
                    <div class="bar5">立即购买</div>
                </div>
            </div>
        </div>
        <div class="head9">
            <div class="head9_1"></div>
        </div>
        <div id="sku">
            <div id="skuBox">
                <div class="skubox">
                    <img id="skuImg" src="" />
                    <div class="yangshi">
                        <div id="skuName"></div>
                        <div id="skuPrice">￥</div>
                        <div class="head3_123">库存：100件</div>
                    </div>
                    <div class="head3-124"><img src="../images/quxiao.png"
                            style="width: 64rem;height: 64rem;"></div>
                </div>
                <div id="skus" class="skus">
                </div>
                <div class="head3_2">
                    <div class="head3_21">
                        <div class="head3_211">选择规格</div>
                    </div>
                    <div class="head3_22">
                        <div class="head3_221">常规尺寸</div>
                    </div>
                    <div class="head3_23">
                        <div class="head3_231">
                            <p>其他尺寸定做请联</p>
                            <p>系客服</p>
                        </div>
                    </div>
                    <div class="u1">购买数量</div>
                    <div class="con5">
    
                        <div class="con51">
                            <image style="margin:5rem 5rem 0rem 5rem;" src="../images/jian@2x.png"></image>
                        </div>
                        <div class="con53">1</div>
                        <div class="con52">
                            <image style="margin:5rem 5rem 0rem 5rem;" src="../images/jia@2x.png"></image>
                        </div>
                    </div>
                </div>
           
                <div id="goCar">
                    <a href="addcar.html" class="car">
                        加入购物车
                    </a>
                </div>
                <div id="goBuy">
                    <div class="buy">
                        立即购买
                    </div>
                </div>
                <div class="head9">
                    <div class="head9_1"></div>
                </div>
            </div>
             <div id="skuBoxCover"></div>
           
        </div>
    </div>
    </div>
</body>
<script src="js/demo1.js"></script>
<script src="js/shangpinxiangqing.js"></script>

</html>